<%@page import="cn.ylhx.venue.proposeSite.entity.SiteService"%>
<%@page import="cn.ylhx.venue.proposeSite.entity.SiteFloor"%>
<%@page import="cn.ylhx.venue.proposeSite.entity.SiteTraffic"%>
<%@page import="java.util.Map"%>
<%@page import="java.util.List"%>
<%@page import="cn.ylhx.venue.site.entity.Site_Message"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri= "http://java.sun.com/jsp/jstl/core" prefix= "c" %> 
<c:set var="basePath" value="${pageContext.request.contextPath}"></c:set>

<link rel="stylesheet" href="${basePath}/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="${basePath}/bootstrap/css/bootstrap-datepicker.min.css" />
<link rel="stylesheet" href="${basePath}/static/css/font-awesome.min.css">
<link rel="stylesheet" href="${basePath}/static/plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="${basePath}/bootstrap/css/bootstrap-table.min.css">
<link rel="stylesheet" href="${basePath}/static/css/main.css">
<link rel="stylesheet" href="${basePath}/static/plugins/treegrid/jquery.treegrid.css">

<script src="${basePath}/jquery/jquery-3.2.1.min.js"></script>
<script src="${basePath}/jquery/jquery.validate.min.js"></script>
<script src="${basePath}/jquery/jquery.form.js"></script>
<script src="${basePath}/bootstrap/js/bootstrap.min.js"></script>
<script src="${basePath}/bootstrap/js/bootstrap-datepicker.min.js"></script>
<script src="${basePath}/bootstrap/js/bootstrap-datepicker.zh-CN.min.js"></script>
<script src="${basePath}/bootstrap/js/bootstrap-table.min.js"></script>
<script src="${basePath}/static/plugins/layer/layer.js"></script>
<script src="${basePath}/static/plugins/treegrid/jquery.treegrid.min.js"></script>
<script src="${basePath}/static/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
<script src="${basePath}/static/plugins/treegrid/jquery.treegrid.extension.js"></script>
<script src="${basePath}/static/plugins/treegrid/tree.table.js"></script>
<script src="${basePath}/static/plugins/ztree/jquery.ztree.all.min.js"></script>

<script src="${basePath}/js/common/page.js"></script>
<script type="text/javascript">
//初始化datepicker对象
$('.datepicker').datepicker({
	 todayHighlight: true,
	 language:"zh-CN", 
    format: 'yyyy-mm-dd',
    autoclose: true//选中自动关闭
})
</script>
<div class="container">
   <!-- 页面导航 -->
   <div class="page-header">
		<div class="page-title" style="padding-bottom: 5px">
		<%
		Map<String,Object> map=(Map)request.getAttribute("map");
		Site_Message site_message=(Site_Message)map.get("site_Message");
		SiteTraffic siteTraffic=(SiteTraffic)map.get("sitetraffic");
		SiteFloor siteFloor=(SiteFloor)map.get("siteFloor");
		SiteService siteService=(SiteService)map.get("siteService");
		
		%>
			<h3><%=site_message.getName() %></h3>
		</div>
	</div>
	<form method="post" id="userFormHead">
		<!-- 列表显示内容 -->
		<div class="row col-md-12">
			<table class="table table-bordered" id="userTable">
				<thead>
					<tr>
					    <th>日期</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody id="tbody">
					<tr>
						<td>2017-11-01</td>
						<td><a onclick="javascript:Pro();">预定</a></td>
						
					</tr>
					<tr>
						<td>2017-11-02</td>
						<td><a onclick="javascript:Pro();">预定</a></td>
					</tr>
				</tbody>
			</table>
			<div>
				<h3>场馆电话:<%=site_message.getPhone()%></h3>
				<h3 onclick="MapView();">场馆地址:<%=site_message.getAddress()%></h3>
			</div>
			
		<div class="row col-md-12">
			<h5>交通信息</h5>
			<h5>公交&nbsp;&nbsp;<%=siteTraffic.getBus()%></h5>
			<h5>地铁&nbsp;&nbsp;<%=siteTraffic.getTrain()%></h5>
		</div>
		
		<div class="row col-md-12">
			<h5>场地设施</h3>
			<h5>地板&nbsp;&nbsp;<%=siteFloor.getFloor()%></h5>
		</div>
		<div class="row col-md-12">
			<h5>场馆服务</h3>
			<h5>更多服务&nbsp;&nbsp;<%=siteService.getServe()%></h5>
			<h5>场馆卖品&nbsp;&nbsp;<%=siteService.getGoods()%></h5>
			<h5>器材租借&nbsp;&nbsp;<%=siteService.getEquipment()%></h5>
			<h5>洗浴&nbsp;&nbsp;<%=siteService.getBath()%></h5>
			<h5>停车&nbsp;&nbsp;<%=siteService.getPaking()%></h5>
		</div>
			
			
			
			<%@include file="../common/page.jsp" %>
		</div>
	</form>
</div>
<script type="text/javascript" src="${basePath}/js/proposeSite/proposeSite_list.js"></script>
<script type="text/javascript"> 
function Pro() 
 { 
	
    //var ProDate=$(this).parent().parent() td:first.html();
  // alert(ProDate)
 //alert( $(this).parent().parent().children('td').eq(0).html());
  
    window.location.href="${basePath}/mobile/proposeSiteDetail.do?ProDate="+"2017-11-01"+"&id="+<%=site_message.getId()%>;
 } 
 function MapView(){
	 window.open("${basePath}/mobile/mapView.do"); 
 }
 $(document).ready(function(){
		var site_message_id=<%=site_message.getId()%>
		getTraffic();
		getFloor();
		getService();
		
	});
 function getTraffic(){
	 
 }
function getFloor(){
	
}
function getService(){
	
}
 

 </script>
